<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>vue 计算属性--component</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
</head>
<body>
	<div id="example">
		<p>原始消息: "{{ message }}"</p>
		<p>转换后的消息: "{{ reversedMessage }}"</p>
		<!-- <p>当前时间："{{ date }}"</p> -->
	</div>

    <script src="vue.js"></script>
    <script>
    	var vm = new Vue({
    		el: '#example',
    		data: {
    			message: 'Hello'
    		},
    		computed: {
    			reversedMessage: function(){
    				return this.message.split('').reverse().join('')
    			}
    			
    		}
    	})
    </script>
</body>
</html>